<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>简历 | 陈建雄</title>
  <link rel="stylesheet" href="main?_inline">
  <base target="_blank">
</head>

<body>
  <p class="last-modified">最后更新于2021年3月</p>
  <a class="download-pdf" href="resume.pdf">下载 PDF</a>

  <main class="content">

    <!--基本信息-->
    <header class="content-hd">
      <section class="title">
        <div class="name">
          <h1>陈建雄</h1>
        </div>
        <div class="job">
          <h2>Web前端开发工程师</h2>
        </div>
      </section>
      <section class="info">
        <ul>
          <li>男 / 1996.10</li>
          <li>广东邮电职业技术学院 · 通信技术</li>
          <li>专科 / 2020年毕业</li>
          <li>工作年限：3年</li>
        </ul>
      </section>
      <section class="contact">
        <ul>
          <li>
            <a href="https://gitee.com/cjx1996/resume.git">
              <span class="contact-link">Github - chenjianxiong</span>
              <span class="iconfont">
                <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                  <path
                    d="M941.714 512q0 143.433-83.712 258.011t-216.283 158.574q-15.433 2.853-22.565-3.986t-7.131-17.152v-120.576q0-55.442-29.696-81.152 32.585-3.438 58.587-10.277t53.723-22.272 46.299-37.998 30.281-60.014 11.703-86.016q0-69.157-45.129-117.723 21.138-52.005-4.571-116.553-16.018-5.157-46.299 6.29t-52.553 25.161l-21.723 13.714q-53.138-14.848-109.714-14.848t-109.714 14.848q-9.143-6.29-24.283-15.433t-47.726-22.016-49.152-7.717q-25.161 64.585-3.986 116.553-45.129 48.567-45.129 117.723 0 48.567 11.703 85.723t29.989 60.014 46.007 38.29 53.723 22.272 58.587 10.277q-22.857 20.553-28.014 58.843-11.995 5.705-25.71 8.558t-32.585 2.853-37.413-12.288-31.707-35.73q-10.862-18.286-27.721-29.696t-28.27-13.714l-11.447-1.719q-11.995 0-16.567 2.56t-2.853 6.583 5.157 8.009 7.424 6.839l3.986 2.853q12.581 5.705 24.869 21.723t17.993 29.147l5.705 13.129q7.424 21.723 25.161 35.145t38.29 17.152 39.717 3.986 31.707-2.011l13.129-2.304q0 21.723 0.293 50.871t0.293 30.866q0 10.277-7.424 17.152t-22.857 3.986q-132.571-43.995-216.283-158.574t-83.712-258.011q0-119.442 58.843-220.27t159.707-159.707 220.27-58.843 220.27 58.843 159.707 159.707 58.843 220.27z">
                  </path>
                </svg>
              </span>
            </a>
          </li>
          <li>
            <a href="347624270@qq.com">
              <span class="contact-link">347624270@qq.com</span>
              <span class="iconfont">
                <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                  <path
                    d="M903.808 239.04l-818.304 0 0 545.92 852.992 0 0-545.92-34.688 0zM869.664 273.152l-329.536 329.536c-15.04 15.04-41.248 15.04-56.288 0l-329.6-329.536 715.392 0zM119.616 286.752l221.536 221.504-221.536 221.536 0-443.072zM146.848 750.848l218.464-218.432 94.432 94.4c13.952 13.952 32.512 21.664 52.256 21.664s38.304-7.712 52.256-21.664l94.432-94.432 218.432 218.432-730.304 0zM904.384 729.824l-221.536-221.568 221.536-221.568 0 443.136z">
                  </path>
                </svg>
              </span>
            </a>
          </li>
          <li>
            <a href="tel:18520148712">
              <span class="contact-link">18520148712</span>
              <span class="iconfont">
                <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                  <path
                    d="M256 1024l512 0c26.464 0 48-21.536 48-48l0-928c0-26.464-21.536-48-48-48l-512 0c-26.464 0-48 21.536-48 48l0 928c0 26.464 21.536 48 48 48zM240 48c0-8.832 7.168-16 16-16l512 0c8.832 0 16 7.168 16 16l0 928c0 8.832-7.168 16-16 16l-512 0c-8.832 0-16-7.168-16-16l0-928zM288 864l448 0c8.832 0 16-7.168 16-16l0-672c0-8.832-7.168-16-16-16l-448 0c-8.832 0-16 7.168-16 16l0 672c0 8.832 7.168 16 16 16zM304 192l416 0 0 640-416 0 0-640zM496 928c0 17.664 14.336 32 32 32s32-14.336 32-32c0-17.664-14.336-32-32-32-17.664 0-32 14.336-32 32zM448 128l128 0c8.832 0 16-7.168 16-16s-7.168-16-16-16l-128 0c-8.832 0-16 7.168-16 16s7.168 16 16 16z">
                  </path>
                </svg>
              </span>
            </a>
          </li>
        </ul>
      </section>
    </header>

    <div class="content-bd">

      <div class="content-left">

        <section class="practice">
          <header class="section-hd">
            <span class="section-title-l"></span>
            <h2 class="section-title">经历</h2>
            <span class="section-title-r"></span>
          </header>
          <div class="section-bd">

            <!--经历:工作-->
            <div class="item">
              <header class="item-hd">
                <h3 class="item-name">广州购翠网科技有限公司</h3>
                <span class="item-time">2019.12 至今</span>
                <a class="btn item-more" href="http://www.goucui.net/">工作</a>
              </header>
              <div class="item-bd">
                <p class="item-des">参与
                  <a href="http://www.goucui.net/">购翠网</a>
                  的前端开发，包括：
                </p>
                <ul class="section-content">
                  <li>使用vue全家桶和ES/6/7/8/9语法开发翡翠严品App中的h5页面</li>
                  <!-- <li>使用vue全家桶和Nuxt.js开发购翠网官网</li> -->
                  <li>团队协作一周内把原生小程序转换uniApp 多端开发</li>
                  <li>重构直播间拍卖，减少卡顿，提升用户转化率30%</li>
                  <li>使用elementUi和antDesignUi 开发管理后台</li>
                  <li>设计封装Js Bridge在翡翠严品的落地</li>
                  <li>设计封装活动页面配置化，满足运营70%的活动，大大降低研发成本</li>
                  <li>设计封装使用nodejs/express/koa中间件解决服务端接口加密安全性</li>
                  <li>负责团队基础技术支撑，包含构建流程、工具包、新技术探索实践等</li>
                </ul>
              </div>
            </div>

            <div class="item">
              <header class="item-hd">
                <h3 class="item-name">猿人说（广州）科技有限公司</h3>
                <span class="item-time">2018.12 至 2019.12</span>
                <a class="btn item-more">工作</a>
              </header>
              <div class="item-bd">
                <p class="item-des">参与人脸对比小程序开发</p>
                <ul class="section-content">
                  <li>对代码进行封装,通过async-await解决了回调地狱</li>
                  <li>通过腾讯云的人脸比对功能,实现人脸比对</li>
                  <li>将已参与过抽奖的用户id上传至云数据库中,控制用户的抽奖次数</li>
                  <li>负责团队基础技术支撑，包含构建流程、工具包、新技术探索实践等</li>
                </ul>
                <br/>
                <p class="item-des">参与靓女汇商城小程序开发</p>
                <ul class="section-content">
                  <li>使用微信授权接口,配合后台接口同时获取token值进行授权登录</li>
                  <li>同步后台数据,实现购物车功能、用户足迹、地址管理以及订单功能</li>
                  <li>统一管理api接口,封装wx.request,编写公用的"模板",提升开发效率</li>
                </ul>
              </div>
            </div>

            <div class="item">
              <header class="item-hd">
                <h3 class="item-name">广州信升互联网科技</h3>
                <span class="item-time">2018.05-2018.12</span>
                <a class="btn item-more" href="http://pc.yeeyfree.com/">工作</a>
              </header>
              <div class="item-bd">
                <p class="item-des">参与项目前端开发与优化，包括：</p>
                <ul class="section-content">
                  <li>用JavaScript实现网站中的交互效果，根据后台开发提供的数据接口渲染页面，实现动态绑定数据；</li>
                  <li>用HTML5、CSS3、bootstrap等相关技术开发H5移动端页面、并配合后台开发人员和测试人员处理bug及兼容性问题，保证项目正常上线；</li>
                  <li>使用animation.css等流行的css3动画库实现交互效果</li>
                  <li>解决跨浏览器之间的兼容性问题；</li>
                  <li>研究新技术，学习并掌握了vue.js、小程序、关注前端开发动向</li>
                </ul>
              </div>
            </div>
          </div>

        </section>


      </div>


      <div class="content-right">

        <section class="skill">
          <header class="section-hd">
            <span class="section-title-l"></span>
            <h2 class="section-title">技能</h2>
            <span class="section-title-r"></span>
          </header>
          <div class="section-bd">

            <!--技能:JS-->
            <div class="item">
              <header class="item-hd">
                <span class="item-time">Web</span>
                <a class="btn item-more">熟练</a>
              </header>
              <div class="item-bd">
                <ul class="section-content">
                  <li>掌握javascript、ES6-10等语法糖和使用typescript</li>
                  <li>熟练掌握less、sass等预编译构建CSS模块</li>
                  <li>掌握前端流行框架Vue/Nuxt及周边生态</li>
                  <li>掌握前端热门webpack、gulp等前端构建工具</li>
                  <li>掌握node中间件使用以及mysql和mongodb的使用</li>
                  <li>了解web通信协议：HTTP、HTTPS</li>
                </ul>
              </div>
            </div>

            <!--Vue-->
            <div class="item">
              <header class="item-hd">
                <span class="item-time">Vue</span>
                <a class="btn item-more">熟练</a>
              </header>
              <div class="item-bd">
                <ul class="section-content">
                  <li>用Vue开发大型复杂应用，生态技术栈经验丰富</li>
                  <li>掌握Vue调试、性能优化、同构等技能</li>
                </ul>
              </div>
            </div>

            <!--微信小程序-->
            <div class="item">
              <header class="item-hd">
                <span class="item-time">微信小程序</span>
                <a class="btn item-more">熟练</a>
              </header>
              <div class="item-bd">
                <ul class="section-content">
                  <li>掌握小程序调试、性能优化扩展技能</li>
                  <li>掌握小程序开发框架un-app、mpvue</li>
                </ul>
              </div>
            </div>

            <!--React-->
            <div class="item">
              <header class="item-hd">
                <span class="item-time">React</span>
                <a class="btn item-more">熟悉</a>
              </header>
              <div class="item-bd">
                <ul class="section-content">
                  <li>熟悉使用React+UI框架搭建后台管理系统</li>
                  <li>熟悉使用React-Router、React-redux、pubsub等周边生态</li>
                </ul>
              </div>
            </div>

            <!--构建工具-->
            <div class="item">
              <header class="item-hd">
                <span class="item-time">构建工具</span>
                <a class="btn item-more">熟悉</a>
              </header>
              <div class="item-bd">
                <ul class="section-content">
                  <li>熟悉Webpack、Gulp等工具构建流程</li>
                  <li>可以根据项目需求定制开发构建流程</li>
                </ul>
              </div>
            </div>

            <!--Nodejs-->
            <div class="item">
              <header class="item-hd">
                <span class="item-time">Nodejs</span>
                <a class="btn item-more">掌握</a>
              </header>
              <div class="item-bd">
                <ul class="section-content">
                  <li>掌握Nodejs标准库及模型，在实际项目中多处使用Nodejs</li>
                  <li>用Nodejs实现jwt鉴权</li>
                  <li>用Nodejs开发过服务中间件与其它构建工具</li>
                </ul>
              </div>
            </div>

            <!--数据库-->
            <div class="item">
              <header class="item-hd">
                <span class="item-time">数据库</span>
                <a class="btn item-more">掌握</a>
              </header>
              <div class="item-bd">
                <ul class="section-content">
                  <li>掌握非关系型数据库基本概念、关系型数据库基本概念与SQL</li>
                  <li>会操作mysql、MongoDB</li>
                </ul>
              </div>
            </div>

            <!--其他-->
            <div class="item">
              <header class="item-hd">
                <span class="item-time">其他</span>
                <a class="btn item-more">熟悉</a>
              </header>
              <div class="item-bd">
                <ul class="section-content">
                  <li>熟悉使用Git、Svn进行项目版本管理</li>
                  <li>熟悉使用jira 敏捷开发，Code Review 规范流程</li>
                </ul>
              </div>
            </div>




          </div>
        </section>
      </div>
    </div>

    <div class="content-bd">
      <section class="project">
        <header class="section-hd">
          <span class="section-title-l"></span>
          <h2 class="section-title">项目</h2>
          <span class="section-title-r"></span>
        </header>
        <div class="section-bd">

          <!--项目:Vue-->
          <div class="item">
            <header class="item-hd">
              <a class="btn item-more left0" href="https://hexo.io/">Vue、Nuxt</a>
            </header>
            <div class="item-bd">
              <ul>
                <li>翡翠严品app内嵌H5
                  <a href="javascript:;">需在app里查看</a>
                </li>
                <li>翡翠严品微信公众号
                  <a href="https://m.yanpin.cn/#/">需在微信里查看</a>
                </li>
                <li> 使用Nuxt.js快速开发官网
                  <a href="http://www.goucui.net/">购翠网</a>
                </li>
              </ul>
            </div>
          </div>


          <!--项目:小程序-->
          <div class="item">
            <header class="item-hd">
              <a class="btn item-more left0" href="https://uniapp.dcloud.io/">小程序</a>
            </header>
            <div class="item-bd">
              <ul>
                <li>使用uni-app开发 "翡翠严品" 小程序（微信、字节跳动）</li>
                <li>使用uni-app+ts开发 "翡翠严品配送端" 小程序（微信）</li>
                <li>原生开发 "靓女汇商城" 小程序</li>
                <li>原生开发 "人脸识别" 小程序</li>
              </ul>
            </div>
          </div>

          <!--项目:后台管理系统-->
          <div class="item">
            <header class="item-hd">
              <a class="btn item-more left0" href="https://cn.vuejs.org/">后台管理</a>
            </header>
            <div class="item-bd">
              <ul>
                <li>使用Vue+elementUI开发C端后台管理系统</li>
                <li>使用React+andtUI开发公众号后台管理系统</li>
              </ul>
            </div>
          </div>
        </div>
      </section>
    </div>
  </main>

  <footer class="github-footer">
    <a class="footer-link" href="https://github.com/gwuhaolin/resume">页面托管在Github Pages上</a>
  </footer>


</body>

</html>